{% extends "base.html" %}

{% block title %}AutoCartel - AUDI{% endblock %}

{% block body %}
  <div class="container">

    <!--news-->
  <div class="row-fluid">   
    <div class="span2">
      <div class="navbar-inner">
        <ul class="nav">
           <img class="img-font" src="/static/client/img/news.png" data-id="8022"></img>
            </br>
            </br>
            <li>
             <a href="cats.html">
                 <img class="img-font" title="Regulators Expanded" alt="Regulators Expanded" src="/static/client/img/mahle.jpg" data-id="8022" width="130" height="130"></img>
             <b>MAHLE</b> огромный выбор немецких фильтров на легковые и грузовые автомобили. В наличии и под заказ более 15000 наименований. 
             </a>
            </li>
            <li>
             <a href="cats.html">
                 <img class="img-font" title="Regulators Expanded" alt="Regulators Expanded" src="/static/client/img/bosch.jpg" data-id="8022" width="130" height="130"></img>
                  Специальные предложения от официального дистрибьютора <b>Bosch</b>. Новинки в наличии!
             </a>
            </li>
      </ul>
    </div>
  </div>
  <!--левая  центральная панель с информацией-->
<div class="span4">
<!--запрос по VIN-->
    <div class="alert alert-success" title="Оставте номер кузова Вашего автомобиля и список запчастей, и наши менеджеры сами подберут нужные запчасти и свяжуться с Вами!">
      <img src="/static/client/img/vin111.png">
      <b>Укажите номер кузова автомобиля</b>
       <form class="form-search">
        <div class="input-append">
        <input type="text" class="span8 search-query"  placeholder="17 символов">
        <button value="Продолжить" data-toggle="modal"  href="#myModal" type="submit" class="btn btn-success">Продолжить</button>
    </div>
    </form>
</div>


<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" >
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h3 id="myModalLabel">Запрос по VIN</h3>
<p>Наши менеджеры в течении нескольких минут подберут Вам нужные запчасти.</p>
</div>
<div class="modal-body" style="background-image:url(img/012.jpg)">

<div class="input-group input-group-lg">
  <input type="text" class="form-control input-lg" placeholder="Название запчасти*">
</div>
<div class="input-group input-group-lg">
  <input type="text" class="form-control input-lg" placeholder="Название запчасти">
</div>
<div class="input-group input-group-lg">
  <input type="text" class="form-control input-lg" placeholder="Название запчасти">
</div>
<div class="input-group input-group-lg">
  <input type="text" class="form-control input-lg" placeholder="Название запчасти">
</div>
<div class="input-group input-group-lg">
  <input type="text" class="form-control input-lg" placeholder="Название запчасти">
</div>
</br>
<div class="input-group input-group-lg">
  <input type="text" class="form-control input-lg span16" placeholder="Примечание">
</div>
</br>
<div class="input-group input-group-lg">
  <input type="text" class="form-control input-lg" placeholder="Контактное лицо*">
  <input type="text" class="form-control input-lg" placeholder="Контактный телефон*">
</div>
<div class="alert alert-danger">* - поля обязательные к заполнению</div>
</div>
<div class="modal-footer">
<button class="btn" data-dismiss="modal" aria-hidden="true">Отмена</button>
<button class="btn btn-primary">Готово</button>
</div>







</div>

</br>




</div>
<!--правая  центральная панель с информацией-->
    <div class="span4">
       {% for brand in brands %}
                <a href="/brand/{{ brand.name }}">
                    <img src="/static/client/img/brands/{{ brand.image }}"  width="80" height="80"></a>
            {% endfor %}
              
    </div>

   <!--левая панель с Акциями-->
<div class="span2"> 
  <div class="navbar-inner">
         <ul class="nav">
      <img class="img-font" src="/static/client/img/sale.png" data-id="8022"></img>
      </br>
      </br>
      <li>
       <a href="cats.html">
           <img class="img-font" title="Regulators Expanded" alt="Regulators Expanded" src="/static/client/img/ats.jpg" data-id="8022" width="130" height="130"></img>
      Расспродажа поршней компании <b>GLYCO</b>. Огромный выбор акционной продукции на японские и немецкие двигатели.
      </a>
      </li>
      <li>
       <a href="cats.html">
          <img class="img-font" title="" alt="Regulators Expanded" src="/static/client/img/castrol.jpg" data-id="8022" width="130" height="130"></img>
          При покупке масла <b>Castrol EDGE</b> - скидка на масляный фильтр <b>50%</b> 
       </a>
      </li>
        </ul>
   </div>
 </div>

   </div>
   </div>


{% endblock %}